/*  
Theme Name: Grid theme for new sudasuta
Theme URI: https://sudasuta.com/
Description: Grid aligned WordPress theme
Version: 1.1
Author: jiangjiang
Author URI: https://sudasuta.com/
Tags: white, grid, whitespace, minimal, clean, widgets

Grid Focus was designed and coded by Derek Punsalan. Find
more info about the guy at http://5hthirtyone.com
*/
* {
margin: 0;
padding: 0;
}
html{
scroll-behavior: smooth;
}
html:after {
content: ' ';
border: 10px solid #000;
position: fixed;
right: 0;
bottom: 0;
left: 0;
}
body {
color: #333;
font-size: 1em;
font-family: 'Microsoft YaHei UI','Microsoft YaCSimSu','Arial','SimSun','Segoe UI','Tahoma','Helvetica','Sans-Serif';
text-align: center;
border: 20px solid #111209;
background:#fbfbf5;
} 
input,button,select,textarea{
outline:none;
}
textarea{
resize:none;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.6em;
}
h3 {
font-size: 1.4em;
}
h4 {
font-size: 1.2em;
}
a {
color: #000;
outline: none;
text-decoration: none;
}
a:hover,
.rating-system-list li a:hover,
.tagcloud a,
.top-links a:hover{
color:#9fb10e;
transition: all .1s;
}
.clear{
clear:both;
}
.left{
float:left;
}
.right{
float:right;
}
.wrapper{
width:90%;
margin:auto;
text-align:center;
max-width:1400px;
min-width:1210px;
}
li{
list-style:none;
}
blockquote{
margin: 0 14px 20px 0;
padding-left: 60px;
position:relative;
min-height: 20px;
padding-top: 15px
}
blockquote:before{
content:' "';
position:absolute;
font-size: 120px;
left: 0;
top: 0;
}
/*header*/
.topheader{
position:fixed;
right: 20px;
left: 20px;
top: 0;
z-index: 1000;
}
.top-logo{
position: fixed;
z-index: 10000;
top: 0;
left: 50%;
border-top: 20px solid #111209;
margin-left: -146px;
}
.header{
height: 80px;
background-color: #11120a;
}
.top-search{
display: block;
clear: both;
width: 100%;
position: relative;
z-index: 100;
background-color: #dee97b;
top: 50px;
padding: 30px 0;
background-image: url(https://img.hongdoufan.com/uploads/2019/07/food.png);
}
.top-navigation{
color: #FFF;
height: 58px;
line-height: 4em;
background-color: #9fb10e;
letter-spacing: .05em;
border-top: 20px solid #111209;
border-bottom: 0;
width: calc(50vw - 160px);
z-index: 20000;
position: relative;
}
.top-navigation span{
display:inline-block;
margin: 0 .4em;
opacity: .6;
}

.top-navigation.colum-1{
float:left; text-align:right;
}
.top-navigation.colum-2{
float:right;text-align:left;
}

.top-navigation a{
display:inline-block;
color:#fff;
margin:0 6px;
}
.top-ad{
background: #ffffff;
padding: 20px;
}
.top-ad li{
display:inline-block;
vertical-align: top;
}
.top-ad a{
width: 125px;
height: 125px;
border: 10px solid #f1f1f1;
display: inline-block;
margin: 20px 15px;
background: #fdfdb3;
}
.top-links a{
margin: 0 5px;
display:inline-block;
color: #55554E;
}
.top-links a:hover{
text-decoration:underline;
}
.top-links b{
margin: 0 10px 0 0;
display:inline-block;
position:relative;
color:#999;
}
.top-links b:before{
content:' ';
width:2em;
height:1em;
display:inline-block;
background: #bacf00;
margin-right: .4em;
margin-left:1.2em;
}
.top-links .div-account{
color: #A5B807;
position: absolute;
top: 1em;
right: 0;
font-size: 3em;
text-align: right;
line-height: 1.2em;
font-weight: 40;
}
.top-links .div-account strong{
color: #999;
display:block;
}
.div-account{
padding: 1em 0 2em 0;
margin-top: -20px;
margin-bottom: 20px;
font-size: 1em;
}
.top-links p{
display:block;
text-align:left;
}
.top-links{
line-height: 2em;
padding: 1em 0 0 0;
color: #55554E;
margin: auto;
font-size:.9em;
letter-spacing: .1em;
width:90%;
position:relative;
}
a.top-sumbit{
background: #555f09;
color: #fff;
line-height: 28px;
width: 100px;
text-align: center;
font-size: 13px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
line-height: 60px;
margin: 0;
}
/*article list*/
.article{
position: relative;
overflow: hidden;    
margin: 16px;
width: 280px;
height: 580px;
background: #fff;
border: 1px solid #e7e8da;
display: inline-block;
transition: all .1s;
vertical-align: top;
}
.article .detail{
color: #55554E;
padding: 30px;
}
.article h2{
font-weight: 400;
font-size: 1.4em;
line-height: 1.4em;
overflow: hidden;
}
.article .shortcut{
padding: 2em 0;
font-size: .9em;
display: block;
line-height: 1.6em;
color: #55554E!important;
height: 5em;
overflow: hidden;
margin-bottom: 1.4em;
clear:both;
}
.meta-cat,
.meta-time{
font-size:.8em;
line-height:1.6em;
color: #999;
letter-spacing: .1em;
}
.article .detail .meta-cat a.tao{
display:none;
}
.article-list .link-buy{
position: absolute;
background: #bacf00;
color: #fff;
padding: .5em 0;
border-radius: .2em;
top: 120px;
left: 50%;
width: 200px;
margin-left: -100px;
font-size: .8em;
letter-spacing: .1em;
display: inline-block;
z-index:100;
transition: all .1s;
}
.article-list .link-buy:hover{
top:116px;
box-shadow: 0 10px 40px rgba(9, 19, 9, 0.5);
transition: all .3s;
}
.layout-content .link-buy{
background: #bacf00;
color: #fff;
padding: .5em 0;
border-radius: .2em;
top: 10px;
left: 50%;
width: 200px;
font-size: .8em;
letter-spacing: .1em;
display: inline-block;
font-size: 1.2em;
}
.img_preview .thumbnail{
width:280px;
height:280px;
display: block;
background: #fdfdb3;
}
/*page navigation*/
.wp-pagenavi a:hover{
color: #fff;
border: 4px solid #7F8D09!important;
transition: all .2s;
}
.wp-pagenavi span.current{
border: 4px solid #7F8D09!important;
line-height:1em;
width:1.2em;
height:1.2em;
border-radius:50%;
vertical-align: top;
display: inline-block;
}
.wp-pagenavi a.last,
.wp-pagenavi a.first{
width: 4em;
border-radius: 2em;
margin:.5em;
}
.postnav{
margin: 20px 5px 40px;
clear: both
}
.next-pre-box{
position: fixed;
bottom: 100px;
right: 42px;
text-align: right;
z-index:2000;
}
.next-pre-box span a{
color: #fff;
display: block;
border-radius: 2em;
padding: 1em .4em;
margin-bottom: 1em;
writing-mode: tb;
float: right;
background: #bacf00;
border: 4px solid #bacf00!important;
}
.next-pre-box span a:hover{
border: 4px solid #7F8D09!important;
transition: all .2s;
}
.next-pre-box a{
color: #fff;
}
.wp-pagenavi a,.wp-pagenavi span{	
padding: .5em;
margin: .5em .2em;
}
.wp-pagenavi span.pages{
display:block;
}
.wp-pagenavi a{
color: #fff;
text-align: center;
font-weight: 400;
background:#bacf00;
border: 4px solid #bacf00!important;
transition: all .1s;
width:1.2em;
height:1.2em;
border-radius:50%;
display: inline-block;
line-height:1.2em;
}
.page-navigation{
width: 20%;
float: left;
padding-right: 0;
margin-top: 140px;
}
.page-navigation li{
list-style: none;
}
.page-navigation li a{
display: block;
font-size: 1em !important;
line-height: 3em;
text-align: right;
padding-right: 10%;
}
.page-navigation li.current_page_item a{
background:#fff;
}
/*footer*/
.emoji-cute{
font-size:2em;
margin-bottom:1em;
}
h2.sub-title{
border-top: 1px solid #e5e3d4;
margin-bottom: 10px;
clear: both;
padding: 1em 0 .6em 0;
font-weight: 400;
font-size: 1.4em;
margin-top: 1em;
}
.bottom-icon-ad img{
margin: 5px 3px;
width: 50px;
height: 50px;
background: #F6F6E8;
border-radius: 5px;
display:inline-block;
}
.friend-links{
color: #55554E;
width: 80%;
margin: auto;
padding: 40px;
line-height:1.6em;
letter-spacing: .1em;
}
.friend-links a{
margin: 0 5px;
display: inline-block;
color: #999;
font-size:.8em;
}
.friend-links small{
font-size:.6em;
}
.gotopbtn{
width: 32px;
height: 32px;
border-radius: 50%;
padding: 5px;
background-color: #111f1c;
color: #ffffff;
text-align: center;
position: fixed;
bottom: 45px;
right: 42px;
font-size: 20px;
cursor: pointer;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.gotopbtn svg {
width: 80%;
margin-top: 2px;
fill:#fff;
}

/*others*/
small.small-new{
display: inline-block;
width: 30px;
text-align: center;
font-size: .5em;
background: #b5d000;
color: #fff;
height: 30px;
line-height: 30px;
border-radius: 50%;
margin-top: -45px;
position: absolute;
left: 50%;
margin-left: -15px;
}
.banner-ad{
padding-top:70px;
padding-bottom:20px;
background:#fbfbf5;
margin-bottom:1em;
}
.banner-ad picture{
position: relative;
display: block;
}
.left_award {
position: fixed;
left: 20px;
top: 170px;
z-index: 2000;
}
.related_posts h3{
margin-bottom: 10px;
clear: both;
padding: 1em 0 .6em 0;
font-weight: 400;
font-size: 1.4em;
margin-top: 1em;
}
.black-box{
color: rgba(255, 255, 255, 0.8);
background: #2d2d2d;
padding: 4em;
font-size: .8em;
line-height: 2em;
margin: 2em 0;
letter-spacing: .05em;
}
.black-box a{
color: rgba(255, 255, 255, 0.8);
}
.div_breadcrumbs{
background: #fbfbf5;
}
.div_breadcrumbs #crumbs h2{
margin-top:60px;
}
.div_breadcrumbs .sub-cagetory p{
padding-bottom: 2em;
}
.div_breadcrumbs h2.current{
font-weight: 400;
color: #4D4D46;
letter-spacing: .2em;
text-shadow: 1px 1px 0 #F2F2F2, 1px 2px 0 #d3d3d3;
display: block;
margin: auto;
line-height: 2em;
font-size: 3em;
}
#crumbs {
padding-top: 2em;
}
.div_breadcrumbs small{
font-size:1em;
}
.div_breadcrumbs li{
display:inline-block;
list-style:none;
padding: 7px 16px 8px;
border-width: 1px;
border-style: solid;
margin-right: 10px;
margin-bottom: 10px;
border-color: #eaeaea;
font-size: .8em !important;
color: #7c7c7c;
background:#fff;
}
li.cat-item-none{
display:none;
}
.sub-cagetory{
margin-top:1em;
letter-spacing: .2em;
}
.sub-cagetory ul{
margin-top:1em;
}
.error-box{
padding: 4em 0;
}
.error-box h3{
font-size: 10em;
line-height: 1;
margin-bottom: 40px;
font-weight: 200;
}
#searchBar1{
height:35px;
overflow:hidden;
}
#searchBar1 input{
font-size: .8em;
background: #4f4f4f;
color: #fff;
border: 0;
padding: 1em;
letter-spacing: .1em;
vertical-align: top;
width: 280px;
border-radius: 4px 0 0 4px;
text-align: center;
color: #ccc;
}
#searchBar1 button{
height: 35px;
vertical-align: top;
cursor: pointer;
margin-left: -4px;
background: #4f4f4f;
border: transparent;
padding: 0 10px;
border-radius: 0 4px 4px 0;
}
.copyright-inbox{
font-size: .9em;
line-height: 2em;
}
#smilelink img{    
width: 26px;
height: 26px;
margin: .2em;
}
.vortex-container-vote{
padding:2em 0;
}
/*post page*/
.artical-title{
padding-bottom: 3em;
text-align: left;
padding-top: 2em;
}
.artical-title .meta-tag a{
line-height: 1.4em;
color: #767676;
word-break: break-all;
}
.artical-title .meta-tag{
font-size: .8em;
}
.artical-title h2{
font-weight: 400;
color: #4D4D46;
letter-spacing: .1em;
text-shadow: 1px 1px 0 #F2F2F2, 1px 2px 0 #d3d3d3;
margin-top: 5px;
display: block;
margin: auto;
margin-top: .5em;
font-size: 3em;
}
.layout-content{
float:left;
width:62%;
}
.layout-content p{    
margin-bottom: 2em;
text-align: left;
line-height: 2em;
color: #7c7c7c;
}
.layout-content ul,
.layout-content ol{
text-align: left;
line-height: 2em;
color: #7c7c7c;
}
.layout-content ul li,
.layout-content ol li{
list-style-position: inside;
list-style-type: circle;
}
.div-artical{
text-align:center;
padding-bottom: 3em;
}
.div-artical p a,
.div-artical blockquote a{

text-decoration: underline;
}
.div-artical img{
max-width:100%;
width:100%;
background: #fdfdbb;
height: inherit;
}
.layout-sidebar{
float: right;
width: 34%;
text-align: left;
}
.layout-sidebar .top-ad{
padding-left:0;
}
.layout-sidebar .top-ad a{
margin-left:0;
margin-bottom:0;
}
.layout-sidebar .decent-comments,
#custom_html-26 .textwidget{
background: #fbfbf5;
padding: 4em;
}

.layout-sidebar .decent-comments ul{
background:#fff;
}
.layout-sidebar .decent-comments .comment {    
font-size: 12px;
color: #000;
width: 75%;
float: right;
}
.layout-sidebar .decent-comments .comment .comment-excerpt{
margin-top:6px;
}
.layout-sidebar .decent-comments li{
padding: .5em;
border-bottom: 2px dotted #e0e0e0;
list-style-type: decimal-leading-zero;
display: list-item;
list-style-position: inside;
font-size: 3em;
color: #c6c6c6;
}
.side-adbox{
clear: both;
background-color: rgba(246, 246, 232, 0.4);
padding: 4em;
position:relative;
margin-bottom:1em;
}
.side-adbox img{
width:100%;
max-width:400px;
display:block;
margin-bottom:1em;
}
.side-adbox a{
display:inline-block;
}
.tagcloud a{
float: left;
padding: 7px 16px 8px;
border-width: 1px;
border-style: solid;
margin-right: 10px;
margin-bottom: 10px;
border-color: #eaeaea;
font-size: .8em !important;
color: #7c7c7c;
}
.links-related li{
list-style: none;
line-height: 2.2em;
font-size: 1em;
}
.layout-sidebar .widget {
margin-bottom: 4em;
list-style: none;
clear: both;
position: relative;
font-size:.9em;
}
.layout-sidebar .widget:after{
content:' ';
display:block;
clear:both;
}
h2.widgettitle{
letter-spacing: .05em;
margin-bottom: 1em;
font-weight: normal;
}

/*comments*/
.nocomments{
display:none;
}
ol.comment-list .comment-author-jiayongpeng>:first-child .fn:before{
content: 'Admin';
padding: 4px;
color: #9fb10e;
display: block;
position: absolute;
bottom: 0;
left: 0;
font-size: 12px;
line-height: 14px;
}
.comment-author cite.fn {
font-style: normal;
width: 60px;
height: 60px;
background: #dee97b;
color: #4d4d46;
display: block;
border-radius: 50%;
text-align: center;
line-height: 60px;
overflow: hidden;
font-size: 14px;
margin-left:20px;
}
ol.comment-list{
padding:0;
}
ol.comment-list li{
list-style:none;
}
.comment-list ul.children{
list-style: none;
padding-left:5%;
}
.children .comment-body:before{
width: 2px;
height: 30px;
content: ' ';
background: rgba(0,0,0,.09);
position: absolute;
top: -30px;
}
.post-comments .comment-list .box,
.post-comments .comment-list li{
margin-bottom: 30px;
list-style: none;
}
.post-comments .avatar{
width: 60px;
position: absolute;
z-index: 1000;
top: 20px;
left: 0;
height: 60px;
border-radius: 50%;
}
.comment-list .comment-body{
margin-bottom:2em;
background: #fff;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.04);
box-shadow: 0 1px 4px rgba(0,0,0,.04);
border: 1px solid rgba(0,0,0,.09);
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2em;
position:relative;
font-size:.9em;
}
.comment-list .comment-body:after{    clear: both;
content: ":)";
color:#fff;
}
.post-comments .comment-details,
.comment-list .comment-body p{
line-height: 1em;
color: #333;
text-align:left;
word-break: break-all;
}
.post-comments .comment-details:after,
.comment-list .comment-body p:after{
display: block;
content: " ";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 10px 5px 0;
border-color: transparent #fffefe transparent transparent;
}
.comment-meta a{
color:#767676;
}
.post-comments .avatar img{
width: 60px;
height: 60px;
border-radius: 50%;
display: block;
}
.post-comments .meta{
margin-bottom: 10px;
}
.post-comments .comment-list .name a,.reply-link{
text-decoration: underline;
}
.post-comments .comment-list .name{
font-size: 14px;
margin-left: 110px;
}
#commentsContainer .comment-author{
float: left;
margin-right: 4em;
margin-bottom: 2em;
text-align: center;
width: 6em;
font-size:.9em;
}
#commentsContainer .comment-author img.avatar{
border-radius: 50%;
display: block;
width: 50px;
height: 50px;
margin: 0 auto 1em auto;
}
.comment-list .reply a{
background: #b5d000;
padding: .4em 1em;
color: #000;
position: absolute;
bottom: 0;
right: 0;
color:#fff;
}
.comment-list .reply:after{
content:' ';
clear:both;
}
.comment-author span.says{
display:none;
}
.comment-author cite{
font-style: normal;
}
.leave-comment{
padding: 4em;
background: #fbfbf4;
margin-bottom:2em;
}
#respondTitle{
margin-bottom:10px;
}
.leave-comment textarea{
min-height: 60px;
width: 99%;
font-size: 1em !important;
}
.div_page_post .leave-comment input{
margin-right: 0;
}
.leave-comment input:last-of-type {
margin-right: 0;
}
.leave-comment button,.leave-comment .btn-comment
{
background: #b5d000;
color: #fff;
letter-spacing: 1px;
border: 0;
cursor: pointer;
max-width: 10em;
overflow: hidden;
border: 0;
padding: 0;
height: 3em;
font-size:1em;
}
form#commentform:after,#respond:after{
content:' ';
clear:both;
}
h3 .cancel-comment-reply #cancel-comment-reply-link{
color: #fff;
}
#ds-thread #ds-reset .ds-comment-body{
padding-left: 60px !important;
}
.comment-list .comment-body .vortex-container-like-comment p,
.comment-list .comment-body .vortex-container-dislike-comment p{
box-shadow: none;
background: transparent;
padding: 0;
margin-left: 0;
position: inherit;
}
.comment-list .comment-body .vortex-container-like-comment p:after,
.comment-list .comment-body .vortex-container-dislike-comment p:after{
border-width: 0;
}
.vortex-container-vote-comment{
margin-top:-15px;
}

#frontier-post-list_form table.frontier-new-list{
position: relative;
border-spacing: 0;
}

/*comments*/
.leave-comment textarea,
.leave-comment  input{
border: 2px solid #ccc;
line-height: 22px;
margin-bottom: 20px;
padding: 10px;
color: #565656;
}

.leave-comment input{
width: 60%;
}
form#commentform:after,#respond:after{
content:' ';
clear:both;
}
h3 .cancel-comment-reply #cancel-comment-reply-link{
color: #fff;
}
#ds-thread #ds-reset .ds-comment-body{
padding-left: 60px !important;
}

/*footer*/
.footer{
background: #111209;
color: #ababab;
padding: 4em 0;
font-size:.8em;
margin-top: 4em;
}
.footer a{
color: #ababab;
}
.footer p{
margin-bottom:1em;
}

/*page*/
.layout-page .leave-comment{
padding:0;
background: transparent;
font-size:1em;
}
.layout-page #commentsContainer .wrapper{
padding: 4em 0;
}
#commentsContainer{
text-align:left;
margin: 2em 0;
}
#commentsContainer .navigation{
display: block;
background: transparent;
color: #000;
text-align: center;
}
#commentsContainer .navigation a{
color:#000;
}
#commentsContainer .navigation .alignleft,
#commentsContainer .navigation .alignright{
display: inline-block;
}
#commentsContainer h3{
margin-bottom:1em;
}
#commentsContainer p{        
margin-bottom: .5em;
letter-spacing: .1em;
margin-top: 1em;
line-height: 1.2em;
}
.page-body p{
margin-bottom: 1em;
text-align: left;
line-height: 2.2em;
font-size: 1.1em;
color: #7c7c7c;
font-size: .9em;
}
.page-body{
background: #fff;
width: 50%;
float: left;
padding: 0 10% 10% 10%;
min-height:400px;
}
.page-body .wrapper{
padding:4em;
font-size:1.1em;
}
.page-title{
padding:3em 0;
}
.page-title h2{
font-weight: 400;
color: #4D4D46;
letter-spacing:.2em;
text-shadow: 1px 1px 0 #F2F2F2, 1px 2px 0 #d3d3d3;
margin-top: 5px;
display: block;
margin: auto;
margin-top: 1em;
font-size: 3em;
}
/*media*/
@media screen and (max-width: 1810px) {
body{
font-size:.9em;
}
.top-ad .wrapper{
height: 190px;
overflow: hidden;
}
.artical-title h2{
font-size:2em;
}
.article .shortcut{
height:58px;
}
.article-list .link-buy{
top: 100px;
}
.article-list .link-buy:hover {
top: 96px;
}
.div_breadcrumbs h2.current{
font-size:2em;
}
.friend-links{
padding:0;
}
.comments-widget .box{
padding:.4em;
}
.comments-widget .box:after{
content:' ';
display:block;
clear:both;
}
.img_preview .thumbnail {
width: 240px;
height: 240px;
}
.comments-widget .box a {
display: block;
padding-left: 5em;
position: inherit;
margin-top: -3em;
padding-right: inherit;
top: inherit;
}
.article{
margin: 5px;
width: 240px;
height: 520px;
}
}

@media screen and (max-width: 1280px) {
.navigation{
line-height: 40px;
}
.navigation a {
margin: 0 4px;
font-size:14px;
}
.navigation a.index-link{
display:none;
}
}
@media screen and (max-width: 900px) {
body{
border: 10px solid #111209;
border-top: 4px solid #111209;
}
.wrapper {
min-width:inherit;
width: 100%;
}
.top-navigation.colum-2,
.top-navigation.colum-1{
position:relative;
float:inherit;
width:100%;
border:0;
text-align: center;
line-height: 3em;
}
.top-logo{
position: relative;
top: 0;
left: inherit;
border-top: inherit;
margin-left: inherit;
z-index: 100000;
}
.topheader{
position: relative;
top: inherit;
right: inherit;
left: inherit;
}
.left_award,
.friend-links,
.layout-sidebar,
.prev_nav,
.top-ad,
.top-links,
.tao-top,
.index-link{
display:none;
}
.top-search{
width: 100%;
position: relative;
right: inherit;
top: inherit;
padding-bottom: 10px;
}
#searchBar1 input{
width:80%;
}
.header img{
max-width:70%;
}
.banner-ad{
margin-bottom:.5em;
padding:0;
}
.top-navigation,
.header{
height:inherit;
position: relative;
}
.header{
padding-bottom:.5em;
}
.left,
.right{
float:inherit;
margin:auto;
}
.article{
margin: 1em auto;
width: 85%;
height: inherit;
}
.article .shortcut{
height: inherit;
}
.article h2{
max-height: inherit;
}
.related_posts .article{
width: 44%;
margin: 1%;
font-size: .9em;
}
.related_posts .article .detail {
padding: 20px;
}
.layout-content,
.artical-title,
.crumbs,
.sub-cagetory{    
width: 80%;
margin: auto;
float: inherit;
}
.img_preview .thumbnail{
width: 100%;
height: inherit;

}
.div_breadcrumbs h2.current{
font-size: 2em;
width: 80%;
margin: .5em auto;
}
.next-pre-box span a {
border-radius:0;
padding: 1em .6em;
margin-bottom: 0;
writing-mode: inherit;
float: inherit;
position: fixed;
bottom: 0;
right: 0;
left: 0;
text-align: center;
letter-spacing: .4em;
border:0 !important;
}
.next-pre-box span a:hover,
.next-pre-box span a:active{
border:0 !important;
}
.artical-title h2{
font-size: 1.6em;
}
.layout-content{
padding-top:2em;
}
.layout-content p{
font-size: 1em;
}
.layout-page .wrapper{
width:80%;
max-width:inherit;
}
.gp-back-to-top{
margin-left: -18px;
bottom: 0 !important;
border-radius: 0 !important;
height: 44px !important;
width: 50px !important;
right: 0 !important;
}
.article-list .link-buy{
left: 50%;
width: 80%;
margin-left: -40%;
}
.leave-comment{
padding: 0;
background: transparent;
}
.layout-page #commentsContainer .wrapper{
width:100%;
}
.leave-comment textarea{
width:90%;
}
.leave-comment button, .leave-comment .btn-comment{
max-width:inherit;
width:100%;
}
.comment-list ul.children,
.post-comments .comment-details, .comment-list .comment-body p{
margin-left:0;
}
.banner-ad picture{
background: #111209;
}
.layout-page .page-navigation{
display:none;
}
.page-body{
width:inherit;
}
.comment-list ul.children{
padding-left:0;
}
}